<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, 
		initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
		<title></title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<style>
		    body {
		        color: #686868;
		        font-family: "微软雅黑";
		    }
		
		    /*导航*/
		    #mynav {
		        background-color: #148CCA;
		    }
		
		    #mynav a {
		        color: #fff;
		        font-weight: bold;
		    }
		
		    .navbar-default .navbar-toggle .icon-bar {
		        background-color: #fff;
		    }
		
		    .navbar-default .navbar-toggle {
		        background-color: transparent;
		        border: none;
		    }
		
		    .navbar-default .navbar-toggle:hover {
		        background-color: transparent;
		    }
		
		    @media ( max-width: 768px) {
		        .myloin {
		            position: absolute;
		            top: 10px;
		            left: 50%;
		            font-size: 1em;
		        }
		
		        p {
		             font-size: 12px;
		         }
		        h2{
		            font-size: 16px;
		        }
		        h3 {
		            font-size: 14px;
		        }
		        li{
		            font-size: 14px;
		        }
		        #myP {
		            margin-top:10px;
		        }
		        .myimg{
		            width: 50%;
		        }
		
		    }
		
		    /*主体*/
		    .cont {
		        height: 300px;
		        padding-top: 30px;
		    }
		
		    .mysea {
		        color: #2AAAEC;
		    }
		
		    .myP {
		        font-size: 1.2em;
		        margin-top: 80px;
		    }
		
		</style>
	</head>
	<body>
		<p>666</p>
		<p>633</p>
		<p>655</p>
		<span class="h1">H1</span>
		<span class="h2">H2</span>
		<span class="h3">H3</span>
		<span class="h4">H4</span>
		<span class="h5">H5</span>
		<p class="lead">666</p>
		<p class="text-justify" style="border: 1px solid red;">
			事件
		</p>
	<div class="container">
		<ul class="list-inline">
			<li>java</li>
			<li>html</li>
			<li>css</li>
			<li>c++</li>
			<li>c#</li>
		</ul>
	</div>
	<dl class="dl-horizontal">
	    <dt>水果</dt>
	    <dd>苹果、香蕉、橙子、西瓜、火龙果、猕猴桃</dd>
	    <dt>咖啡</dt>
	    <dd>速溶咖啡、拿铁、美式、摩卡</dd>
	    <dt>茶叶</dt>
	    <dd>红茶、绿茶、乌龙茶、黄茶、白茶、黑茶</dd>
	</dl>
	</body>
	
</html>
